<template>
  <div class="goods">
    <goods-list-item
      v-for="item in childsGoods"
      :key="item.iid"
      :childItem="item"
    />
  </div>
</template>
<script setup lang="ts">
import GoodsListItem from "./GoodsListItem.vue";

const props = defineProps({
  childsGoods: {
    type: Array as any,
    default() {
      return [];
    },
  },
});

// console.log(props.childsGoods);
</script>

<style scoped>
.goods {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 2px;
}
</style>
